<template>
  	<div>
  		<div class="main-body">
  			<h3 class="main-body__title text-left">
  				渠道审核
  			</h3>
  			<div class="main-body__content text-left">
  				<div class="processline">
  					<div class="processline-item">
  						<p class="processline-item__title">
  							<i class="fa fa-circle"></i>提交审核资料
  						</p>
  						<div class="processline-item__content">
  							<p class="processline-item__content-tips">
  								<!-- 资料已提交,请选择要开通的支付通道。 -->
                  尚未提交企业资料，请先<strong>补充审核资料</strong>
  							</p>
  							<button class="btn btn-primary" @click.stop="goApply()">编辑资料</button>
  						</div>
  					</div>
  					<div class="processline-item">
  						<p class="processline-item__title">
  							<i class="fa fa-circle"></i>申请支付通道
  						</p>
  						<div class="processline-item__content">
  							<div class="processline-item__channels">
  								<div class="row processline-item__channels-item">
  									<div class="col-md-1">
  										<span class="icon icon-zfb"></span>
  									</div>
  									<div class="col-md-2">
  										支付宝wap
  									</div>
  									<div class="col-md-2">
  										未开通
  									</div>
  									<div class="col-md-7">
  										客户在手机浏览器中打开手机网页，调用支付宝或登录支付宝帐号完成付款。
  									</div>
  								</div>
  								<div class="row processline-item__channels-item">
  									<div class="col-md-1">
  										<span class="icon icon-zfb"></span>
  									</div>
  									<div class="col-md-2">
  										支付宝扫码
  									</div>
  									<div class="col-md-2">
  										未开通
  									</div>
  									<div class="col-md-7">
  										你可以向客户展示渠道根据订单生成的二维码，客户使用支付宝扫描订单二维码完成付款。
  									</div>
  								</div>
  								<div class="row processline-item__channels-item">
  									<div class="col-md-1">
  										<span class="icon icon-wx"></span>
  									</div>
  									<div class="col-md-2">
  										微信wap
  									</div>
  									<div class="col-md-2">
  										未开通
  									</div>
  									<div class="col-md-7">
  										客户在微信公众号中打开移动网页，调用微信支付付款。
  									</div>
  								</div>
  								<div class="row processline-item__channels-item">
  									<div class="col-md-1">
  									</div>
  									<div class="col-md-2">
  										微信扫码
  									</div>
  									<div class="col-md-2">
  										未开通
  									</div>
  									<div class="col-md-7">
  										你可以向客户展示渠道根据订单生成的二维码，客户使用微信扫描订单二维码完成付款。
  									</div>
  								</div>
  							</div>
  							<button class="btn btn-primary" @click.stop="goApply">点击申请</button>
  						</div>
  					</div>
  					<div class="processline-item">
  						<p class="processline-item__title">
  							<i class="fa fa-circle"></i>申请成功，查看文档并接入
  						</p>
  						<div class="processline-item__content">
  							<button class="btn btn-primary">下载文档</button>
  						</div>
  					</div>
  					<div class="processline-item">
  						<p class="processline-item__title">
  							<i class="fa fa-circle"></i>Done,enjoy！
  						</p>
  					</div>
  				</div>
  			</div>
  		</div>
  	</div>
</template>
<script>
  export default {
    name:'channel',
    data(){
      return {}
    },
    methods:{
    	goApply(){
    		this.$router.push({name:'apply-channel'})
    	}
    }
  }
</script>
<style scoped lang="less">
  	@import '../../assets/style/color';
	@import '../../assets/style/font';

  .processline{
  	position: relative;
  	&:before{
  		content: '';
  		position: absolute;
  		left: 5px;
  		top:0;
  		height: 100%;
  		width:2px;
  		border-left: 2px dashed @cl_d9d9d9;
  	}
  }
  .processline-item{
  	margin-bottom:20px;
  	>.processline-item__title{
  		line-height: 45px;
  		font-size:14px;
  		color:@cl_444;
  		>.fa{
  			color:@cl_d9d9d9;
  			margin-right: 13px;
  		}
  	}
  	.processline-item__content{
  		padding-left: 24px;
  	}
  	.processline-item__content-tips{
  		font-size:14px;
  		color:@cl_999;
  		line-height: 45px;
      >strong{
        color:@cl_ff6537;
      }
  	}
  	.btn{
  		margin-top:18px;
  	}
  }
  .processline-item__channels{
  	font-size:14px;
    line-height: 1.414;
  	color:@cl_999;
  	.icon{
  		width:30px;
  		height: 30px;
  		display: block;
  	}
  	>.processline-item__channels-item{
  		height: 60px;
  		padding-top:15px;
  	}
  }
</style>